<template>
  <div>
    <!-- 拿到原型图 进行组件拆分  组件拆分按照位置去拆分 不管是变量起名还是组件起名不要太过分-->
    <qian-header></qian-header>
    <nav-list v-show="$route.meta.show"></nav-list>
    <router-view></router-view>
  </div>
</template>

<script>
import NavList from "./components/NavList.vue";
import QianHeader from "./components/QianHeader.vue";
export default {
  name: "",
  props: [""],
  data() {
    return {};
  },

  components: { QianHeader, NavList },

  computed: {},

  beforeMount() {},

  mounted() {
    console.log(this.$route.meta);
  },

  methods: {},

  watch: {},
};
/* 
组件化开发
普通组件
components  写组件 引入组件 注册组件 调用组件
路由组件
views 或者 pages
在文件夹中写组件

操作路由器 vue-router
在入口文件注册路由器 只发生一次

在路由器index.js进行路由组件的注册

router-link to
router-view





*/
</script>
<style lang='less' scoped>
</style>